<!--
 * @Author: your name
 * @Date: 2021-08-25 09:52:04
 * @LastEditTime: 2021-09-09 19:53:34
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \musicapp\src\views\Home.vue
-->
<template>
  <div class="home">
    <topNav></topNav>
    <swiperCom></swiperCom>
    <iconList></iconList>
    <music-list></music-list>
  </div>
</template>

<script>
// @ is an alias to /src
import topNav from '@/components/topNav.vue'
import swiperCom from '@/components/swiperCom.vue'
import iconList from '@/components/iconList.vue'
import musicList from '@/components/musicList.vue'
export default {
  name: 'Home',
  components: {
    topNav,
    swiperCom,
    iconList,
    musicList
  },
  
}
</script>
<style scoped lang="less">
#d1{
  width: 3.75rem;
  height: 3.75rem;
  background: skyblue;
}
.home{
  width: 7.5rem;
  height: calc(100vh - 1.2rem);
  overflow: scroll;
}

</style>